<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title></title>
    <script src="jquery-2.2.4.js"></script>
</head>
<body>
<div class="contain">
    <nav>
        <ul>
            <li><a href="#">首页</a></li>
            <li><a href="#">公司简介</a></li>
            <li><a href="#">公司新闻</a></li>
            <li><a href="#">产品介绍</a></li>
            <li><a href="#">联系我们</a></li>
        </ul>
    </nav>
    <div class="main">
        <p class="p1">段落1</p>
        <p class="p2">段落2</p>
        <p class="p3">段落3</p>
        <p class="p4">段落4</p>
        <p class="p5">段落5</p>
    </div>
    <footer>
        <ul>
            <li class="d1">产品1</li>
            <li class="d2">产品2</li>
            <li class="d3">产品3</li>
            <li class="d4">产品4</li>
            <li class="d5">产品5</li>
        </ul>
    </footer>
</div>
</body>
</html>
<script>
    $(function(){
        //eq选取第几个元素
//        $('.contain  nav ul li a').eq(1).css('color','red')
//        $('.contain nav ul li a ').filter(function(index){
//            if(this[index] == 'a3'){
//                return index == 1 ||
//            }
//        })
        $('.contain nav ul li ').has(

        );
        $('.contain nav ul li a ').not('.a2').css('color','red');
        $('.contain nav ul li a ').slice(1,2).css('color','red');
    })
</script>
<!--当我用$()选择好一个集合时，突然我发现，某些元素不符合我条件，在这种情况下-->
<!--我可以优先的使用过滤函数来过滤掉哪些我不要的加进去的元素，只留下符合条件的元素-->